<script>
export default {
  onLaunch: function () {
    console.log("App Launch");
  },
  onShow: function () {
    console.log("App Show");
  },
  onHide: function () {
    console.log("App Hide");
  },
};
</script>

<style lang="scss">
/*每个页面公共css */
@import "@/uview-ui/index.scss";

page,
view,
scroll-view,
text,
image,
textarea,
button,
input {
  box-sizing: border-box;
}

page {
  background-color: #f9fafd;
  height: 100%;
}

.container {
  width: 100%;
  height: 100%;
}

.bg-white {
  background-color: #ffffff;
}
// 底部-支付块
.payment-block {
	width: 100%;
	display: flex;
	justify-content: space-between;

	.price {
		margin: 28rpx 30rpx;
		font-size: 30rpx;
		font-weight: 500;
		color: #252525;
		line-height: 40rpx;
    .label{
      font-weight: 400;
      color: #303133;
      font-size: 28rpx;
    }
		.icon {
			font-size: 20rpx;
			color: #FF7D41;
      line-height: 28rpx;
		}

		.num {
      font-size: 32rpx;
      font-weight: 600;
      color: #FF7D41;
      line-height: 44rpx;
		}
	}

	.btn {
		width: 220rpx;
		height: 98rpx;
		line-height: 98rpx;
		text-align: center;
		background: linear-gradient(315deg, #252A3B 0%, #444A61 100%);
		font-size: 30rpx;
		color: #FFFFFF;
	}
}

// 卡片块
.card-block {
	position: relative;
	background: #FFFFFF;
	box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(0, 0, 0, 0.05);
	box-shadow: 0rpx 2rpx 30rpx 0rpx rgba(201, 205, 216, 0.13);
  margin-top: 32rpx;
	border-radius: 4rpx;
	padding: 24rpx 32rpx;

	&-bar {
		position: absolute;
		left: 0;
		top: 43rpx;
		width: 6rpx;
		height: 28rpx;
		// background: #FF8C36;
		background: linear-gradient(to bottom, #252A3B 0%, #444A61 100%);
	}

	&-header {
		margin-top: 12rpx;
		padding-bottom: 32rpx;
		margin-bottom: 16rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #303133;
		line-height: 44rpx;
		border-bottom: 1px solid #F0F0F0;
	}

	&-content {
		.record-item {
			padding: 12rpx 0;
			font-size: 28rpx;
			font-weight: 400;
			line-height: 36rpx;
			color: #909399;
			display: flex;
			justify-content: space-between;

			.cont {
				width: 390rpx;
				text-align: right;
				color: #303133;
			}
		}
	}
}

</style>
